<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/top.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" type="text/css" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/tuandui.css">
    <link rel="stylesheet" href="../css/whereo.css"/>
    <link rel="stylesheet" href="../css/lunbotu.css">
    <link rel="stylesheet" href="../lib/animate.min.css"/>
</head>
<!--<script src="../lib/jquery-1.12.4.js"></script>-->
<script src="../lib/jquery-1.12.4.min.js"></script>
<script src="../js/footer.js"></script>
<script src="../js/tuandui.js"></script>
<script src="../js/jquery.SuperSlide.2.1.1.js"></script>
<script>
    $(function () {
        // effect 轮播图效果 fold:淡入淡出 || topLoop:上循环滚动 || leftLoop:左循环滚动;
        $(".slideBox").slide({mainCell: ".bd ul", autoPlay: true, effect: 'leftLoop'});
    });
</script>
<body>

<!--顶部-->
<div class="top">
    <!--顶部板心-->
    <div class="zyq-top w">
        <!--顶部logo-->
        <div class="zyq-logo fl">
            <img src="../images/logo.png" alt="">
        </div>
        <!--顶部导航栏-->
        <div class="top-nav clearfix fl">
            <ul class="clearfix">
                <li><a href="../lh-home.html">首页</a></li>
                <li><a href="whereof.html">关于我们</a></li>
                <li><a href="hcy-gsxw.html">公司新闻</a></li>
                <li><a href="food.html">产品展示</a></li>
                <li><a href="tuandui.html">团队展示</a></li>
                <li><a href="zyq-lxwm.html">联系我们</a></li>
            </ul>
        </div>
        <!--顶部搜索框-->
        <div class="top-search fl clearfix">
            <input type="text" value="请输入关键词" id="topTxt" class="topTxt">
            <span id="topBtn"><i class="iconfont icon-sousuo"></i></span>
        </div>
        <script>
            $(function () {
                //注册输入框获得光标事件
                $('#topTxt').focus(function () {
                    //判断输入框里的内容是否和原来文本相同；是则清空
                    if ($('#topTxt').val() === '请输入关键词') {
                        $(this).val('');
                    }
                    ;
                });
                $('#topTxt').blur(function () {
                    //判断输入框里的内容是否为空，为空则回到初始文本，不为空则不改动里面的内容；
                    if ($('#topTxt').val() === '') {
                        $(this).val('请输入关键词');
                    }
                    ;
                });
                $('#topBtn').click(function () {
                    $('#topTxt').val('');
                })
            })
        </script>
        <!--购物车部分-->
        <div class="top-shop fl">
            <i class="iconfont icon-gouwuche"></i>
            <span>0</span>
        </div>
    </div>
</div>
<!--顶部结束-->


<!--轮播图！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！-->
<div id="slideBox" class="slideBox">
    <div class="hd">
        <ul>
            <li>1</li>
            <li>2</li>
        </ul>
    </div>
    <div class="bd">
        <ul>
            <li><img src="../images/homePage/-1172.png" width="1920px"/>

                <div>

                    <h5>Make with love</h5>
                    <span>用心做</span>

                    <p>Green onion,ginger and farlic are</p>

                    <p>ChineseFavorite flavor of vegetables to say to in a day</p>

                    <p>Essential in the kitchen</p>
                    <a href="">OUR MENU</a>
                </div>
            </li>
            <li><img src="../images/homePage/-2028.png"/>

                <div class="bd-div2">
                    <h5>美食网站</h5>
                    <span>第六组</span>

                    <p>食为先</p>

                    <p>吃遍天下</p>

                    <p>民以食为天</p>

                    <p>唯独美食不可辜负</p>

                    <p>你值得拥有</p>
                </div>
    </div>
    </li>
    </ul>
</div>
<!--吃货的梦-->
<div class='hmx-guanyu'>
    <h2 class='hmx-guanyu-wo'>吃货的梦</h2>
    <p class='hmx-guanyu-us'>Version of the dream</p>
</div>

<div class='hmx-flip w'>
    <div>
        <p>乡愁就是味觉上的思念，无论一个人在外闯荡多少年，即使口音变了，但对故乡的食物，仍怀无限意念。
            <br>每个城市都有不同的街景，不同的美食，不同的文化习俗，可是没有你，似乎都一样。多么希望你是一道美食，我做一个真空的盒子，<br>
            将你永远在我心中保鲜，谁也不行，你是我的独家记忆。世人个个学长年，不悟长年在目前。我得宛丘（仙人名）平易法，只将食粥致神仙。
        </p>
    </div>
    <div></div>
    <div class="flip-container">
        <div class="flipper">
            <div class="front"><img  src="../images/44.jpg" width="220" height="200"/></div>
            <div class="back"><img  src="../images/42.jpg" width="220" height="200"/></div>
        </div>
    </div>
    <div class="flip-container">
        <div class="flipper">
            <div class="front"><img  src="../images/51.jpg" width="220" height="200"/></div>
            <div class="back"><img  src="../images/52.jpg" width="220" height="200"/></div>
        </div>
    </div>
    <div class="flip-container">
        <div class="flipper">
            <div class="front"><img  src="../images/53.jpg" width="220" height="200"/></div>
            <div class="back"><img  src="../images/49.jpg" width="220" height="200"/></div>
        </div>
    </div>
    <div class="flip-container">
        <div class="flipper">
            <div class="front"><img  src="../images/46.jpg" width="220" height="200"/></div>
            <div class="back"><img  src="../images/47.jpg" width="220" height="200"/></div>
        </div>
    </div>

</div>





<!--我们的日常-->
<div class='hmx-guanyu'>
    <h2 class='hmx-guanyu-wo'>我们的日常</h2>

    <p class='hmx-guanyu-us'>Our daily life</p>
</div>
<div class='hmx-guanyu-boder w'></div>


<script>
    $(window).scroll(function(){
        var top = $('html,body').scrollTop();
        if(top>=300){
//                            $('.aaaa').on('animationend',function(){
//                                $(this).removeClass('flipOutY animated')
//                            });
            $('.aaaa').addClass('lightSpeedIn animated');
        }
    });

</script>

<div class='hmx-haochi w'>
    <ul class='hmx-haochi-fenye'>
        <li class='hmx-haochi-left fl'>
            <div><img class="aaaa " src="../images/1100.jpg" width="280px" height="280px"/></div>
            <div class='hmx-haochi-left-jieshao'>
                <p><span class='breakfast'>英式早餐</span> Full English Breakfast</p>
                <span>bWe serve excellent Chinese food.Which style do you prefer?</span>
                <p>我们提供非常美味的中餐。你喜欢哪种类型？</p>
            </div>
        </li>
        <li class='hmx-haochi-left fl'>

            <div class='hmx-haochi-left-jieshao'>
                <p><span class='breakfast'>魔方蛋糕</span> Rubik's cube cake</p>
                <span>The mouth is very enjoying,heart wants to be thin very much.</span>
                <p>嘴里很享受，心里很想瘦。</p>
            </div>
            <div><img class="aaaa " src="../images/7777.jpg" width="280px" height="280px"/></div>
        </li>
        <li class='hmx-haochi-left fl'>
            <div><img class="aaaa " src="../images/4444.jpg" width="280px" height="280px"/></div>
            <div class='hmx-haochi-left-jieshao'>
                <p><span class='breakfast'>马赛克寿司</span> Mosaic Sushi</p>
                <span>The motherland has not been unified.weight loss another day.</span>
                <p>祖国尚未统一，减肥改日再议。</p>
            </div>
        </li>
    </ul>
    <ul>
        <li class='hmx-haochi-left fl'>
            <div><img class="aaaa " src="../images/6666.jpg" width="280px" height="280px"/></div>
            <div class='hmx-haochi-left-jieshao'>
                <p><span class='breakfast'>曼谷</span>Blue Whale Maharaj-Wat Pho</p>
                <span>A silent break down the snow, put the entire taste of empty.</span>
                <p>无声细下飞碎雪，放箸味觉全盘空</p>
            </div>
        </li>
        <li class='hmx-haochi-left fl'>

            <div class='hmx-haochi-left-jieshao'>
                <p><span class='breakfast'>来杯高颜值的水果奶昔</span> Fruit smoothie</p>
                <span>The mouth is very enjoying,heart wants to be thin very much.</span>
                <p>嘴里很享受，心里很想瘦。</p>
            </div>
            <div>
                <img class="aaaa " src="../images/8787.jpg" width="280px" height="280px"/>
            </div>
        </li>
        <li class='hmx-haochi-left fl'>
            <div><img class="aaaa " src="../images/7676.jpg" width="280px" height="280px"/></div>
            <div class='hmx-haochi-left-jieshao'>
                <p><span class='breakfast'>马赛克寿司</span> Mosaic Sushi</p>
                <span>Food is a kind of happiness, taste is a kind of interest.</span>
                <p>吃食是一种幸福，品味是一种情趣。</p>
            </div>
        </li>
    </ul>
</div>
<!--我们的日常结束-->


<!--关于我们版心内容-->
<div class='hmx-guanyu'>
    <h2 class='hmx-guanyu-wo'>关于我们</h2>
    <p class='hmx-guanyu-us'>About us</p>
</div>
<!--<div class='hmx-guanyu-boder w'></div>-->


<div class='hmx-banxin w'>
    <!--左边-->
    <div class='hmx-banxin-left '>
        <p>让我们每个人都享受美食的乐趣</p>

        <p><span>LET EVERYONE</span> ENJOY OUR FOOD</p>

        <p class='xian'></p>

        <p>We don't have guarded hierarchy</p>

        <p>每个员工都是平等的，每一个时刻都是同事的合作伙伴。没有魅力</p>

        <p>等于温柔的心。</p>

        <p>Food standards are the same,</p>

        <p>in fatct.</p>

        <p>食物是不分贵贱的，只要你喜欢，你就可以叫它食物，吃之前有期</p>

        <p>待，吃后回味，食物的心情</p>

        <p>Food is not only a simple</p>

        <p>味觉感受，也是一种精神上的享受。</p>

        <p>食物也反应了人类的文明和进步。食物不仅仅是食物在桌上，休闲</p>

        <p>小吃，各种各样的产品，</p>

        <p>各有个的味道，从广义味道的视觉享受</p>

        <p>“Is called food! Food,just as"</p>

        <p>它的名字是美味的食物，昂贵的美味佳肴，廉价的街头。</p>
    </div>

    <!--右边-->
    <div class='hmx-banxin-righ '>
        <!--菜的图-->
        <img class='image' src="../images/cai1.png" alt=""/>
    </div>
    <!--版心内容结束-->
</div>
<!--底部开始-->
<div class="gzq-footer">
    <div class="gzq-footer-banxin">
        <div class="gzq-footer-dl">
            <dl>
                <dt>帮助中心</dt>
                <dd>订餐指南</dd>
                <dd>配送方式</dd>
                <dd>支付方式</dd>
            </dl>
            <dl>
                <dt>服务支持</dt>
                <dd>售后反馈</dd>
                <dd>意见反馈</dd>
                <dd>手机版</dd>
            </dl>
            <dl>
                <dt>关于我们</dt>
                <dd>了解我们</dd>
                <dd>联系我们</dd>
                <dd>管理后台</dd>
            </dl>
        </div>
        <div class="gzq-footer-right">
            <div class="gzq-footer-erweima"><p> 扫码有惊喜</p><img src="../images/erweima.png" alt=""></div>
            <div class="gzq-footer-line"></div>
            <div class="gzq-footer-phone">
                <span class="gzq-footer-phonenumber"><a href="">400-xxx-0000</a></span>
                <span class="gzq-footer-phonetime">24小时在线</span>
            </div>
        </div>
        <div class="gzq-footer-banquan">
            <span>版权所有:<a href="">六组有限公司</a></span>
            <span>备案号:<a href="">传智313</a></span>
        </div>


    </div>
</div>
<!--底部结束-->
</body>
</html>